<%@ page import="com.cdvtc.flower.dao.OrderDao" %>
<%@ page import="com.cdvtc.flower.dao.impl.OrderDaoImpl" %>
<%@ page import="com.cdvtc.flower.model.Order" %>
<%@ page import="java.util.List" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %><%--
  Created by IntelliJ IDEA.
  User: admin
  Date: 2024/5/22
  Time: 21:48
  To change this template use File | Settings | File Templates.
--%>

<!doctype html>
<html>
<jsp:include page="commons/header.jsp"></jsp:include>
<body>
<div class="tz_content">
    <jsp:include page="commons/leftList.jsp"></jsp:include>
    <!--t_right start-->
    <div class="t_right">

        <jsp:include page="commons/location.jsp"></jsp:include>

        <!--r_message start-->
        <div class="r_message">
            <div id="controls">
                <table>
                    <tr>
                        <th>订单号</th>
                        <th>商品编号</th>
                        <th>顾客ID</th>
                        <th>数量</th>
                        <th>订单时间</th>
                        <th>交易金额</th>
                        <th>评论</th>
                        <th colspan="2">操作</th> <!-- 合并两列 -->
                    </tr>
                    <%
                        OrderDao orderDao = new OrderDaoImpl();
                        List<Order> orders = orderDao.getAllorders();
                        pageContext.setAttribute("orders", orders); // 使用 "orderdetails" 存储订单详情列表
                    %>
                    <!-- 如果你需要迭代订单详情列表，你可以这样做： -->
                    <c:forEach var="order" items="${orders}">
                        <tr>
                            <td>${order.order_id}</td>
                            <td>${order.product_id}</td>
                            <td>${order.customer_id}</td>
                            <td>${order.quantity}</td>
                            <td>${order.order_date_time}</td>
                            <td>${order.total_price}</td>
                            <td>${order.review}</td>
                            <!-- 在每个商品行后添加编辑链接 -->
                            <td><a href="OrderModify.jsp?order_id=${order.order_id}">编辑</a></td>

                            <!-- 在每个商品行后添加删除按钮 -->
                            <td><button type="button" class="delete-btn" data-order-id="${order.order_id}">删除</button></td>
                        </tr>
                    </c:forEach>
                </table>

            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>
</body>
</html>
<script src="js/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $('.delete-btn').click(function() {
            var orderId = $(this).data('order-id'); // 获取data-product-id属性的值
            $.ajax({
                url: 'DeleteOrderServlet?id=' + encodeURIComponent(orderId), // Servlet的URL，不直接包含参数
                type: 'DELETE', // HTTP DELETE方法
                data: { id: orderId }, // 发送的数据，这里是一个名为id的参数
                // 如果您的后端支持从DELETE请求的body中读取数据，上面的data选项是合适的
                // 否则，您可能需要将其附加到URL上，如下所示（注释掉上面的data选项）
                // url: 'DeleteProductServlet?id=' + encodeURIComponent(productId),
                success: function(response) {
                    alert('商品已成功删除！');
                    location.reload(); // 重新加载整个页面
                },
                error: function(xhr, status, error) {
                    // 请求失败后的处理逻辑
                    alert('删除商品时发生错误: ' + error);
                    // 您可以进一步分析xhr对象以获取更详细的错误信息
                    // console.log(xhr.responseText);
                }
            });
        });
    });

</script>